<template>
    <router-view />
    <van-tabbar route v-model="active" :placeholder="true">
        <van-tabbar-item replace to="/" icon="home-o">首页</van-tabbar-item>
        <van-tabbar-item replace to="/m/product" icon="search">产品</van-tabbar-item>
        <van-tabbar-item replace to="/m/company" icon="phone-circle-o">罗比生物</van-tabbar-item>
        <van-tabbar-item replace to="/m/shopping" icon="shopping-cart-o">购物车</van-tabbar-item>
        <van-tabbar-item replace to="/m/user" icon="manager-o">我的</van-tabbar-item>
    </van-tabbar>
  </template>
  
  <script>
  import { ref } from "vue"
  export default {
    name: "TabBar",
    setup(){
      const active = ref(0)
      return {
        active
      }
    },
  }
  </script>